<template>
  <div class="more-box">
    <el-menu
      class="el-menu-demo"
      mode="horizontal"
    >
      <el-submenu index="2">
        <template slot="title">更多</template>
        <el-submenu index="2-3" >
          <template slot="title">修改设置</template>
          <el-menu-item index="2-3-1" @click="handleClick('重置密码')">重置密码</el-menu-item>
          <el-menu-item index="2-3-2" @click="handleClick('变更规格')">变更规格</el-menu-item>
          <el-menu-item index="2-3-3" @click="handleClick('编辑标签')">编辑标签</el-menu-item>
          <el-menu-item index="2-3-3" @click="handleClick('委托')">委托</el-menu-item>
        </el-submenu>
        <el-submenu index="2-4">
          <template slot="title">操作系统与镜像</template>
          <el-menu-item index="2-4-1" @click="handleClick('重做系统')">重做系统</el-menu-item>
          <el-menu-item index="2-4-2" @click="handleClick('切换系统')">切换系统</el-menu-item>
          <el-menu-item index="2-4-3" @click="handleClick('制作镜像')">制作镜像</el-menu-item>
        </el-submenu>
        <el-menu-item index="2-1" @click="handleClick('监控')">监控</el-menu-item>
      </el-submenu>
    </el-menu>
  </div>
</template>

<script>
export default {
  data() {
    return {
        activeIndex: '',
    };
  },
  methods: {
    handleClick(type) {
        console.log('!!!!!!!!!!!!');
        this.$emit('handleMore',type)
    },
  },
};
</script>

<style lang="less" scoped>
.more-box{

}
</style>